<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:pe="http://primefaces.org/ui/extensions">
      <f:loadBundle  basename="resources.caption" var="caption"/>
<f:view contentType="text/html" locale="en">
    <pe:head title="#{companyBean.company.companyName}" shortcutIcon="favicon.ico">
        <f:facet name="first">
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
            <meta http-equiv="pragma" content="no-cache"/>
            <meta http-equiv="cache-control" content="no-cache"/>
            <meta http-equiv="expires" content="0"/>
        </f:facet>
        <script type="text/javascript">
            function upperCase(x)            {
                //var x=document.getElementById("fname");
                x.value=x.value.toUpperCase();
            }
        </script>
    </pe:head>
    <h:body  style="font-size: 10px;border-spacing: 0;margin: 0;">
        <style type="text/css">
/*.footer .ui-layout-unit-content {
   background-color: red !important;
}

.content .ui-layout-container{
overflow: auto !important;


}
*/

.ui-layout-north {
                    z-index:20 !important;
                    overflow:visible !important;;
                }

                .ui-layout-north .ui-layout-unit-content {
                    overflow:visible !important;
                }
#ajaxStatusPanel {
	position: absolute;
	top: 0;
	left:0;
	color: white;
	background-color: transparancy;
	padding: 0px 0px;
	font: 12px;
	font-weight: bold;
	z-index:3000000;
	width:100%;
	height:100%;
	opacity:0.9;
	filter:alpha(opacity=90);
}


</style>
        <p:growl id="growl" showDetail="true" autoUpdate="true" sticky="true" life="1000"/> 
        <pe:layout id="fpl" widgetVar="fullLayoutWidget">
            <pe:layoutPane position="north" size="50" resizable="false" closable="false">
                <h:form id="headerForm" prependId="false">
                    <ui:insert name="header"/>
                </h:form>
            </pe:layoutPane>
            <!--<h:form id="mainForm" prependId="false">-->
                <ui:insert name="center"/>
                <pe:layoutPane position="south" size="28" resizable="false" closable="false"
                               spacing="3" statusbar="true">
                    <ui:insert name="footer"/>
                </pe:layoutPane>
            <!--</h:form>-->
        </pe:layout>

        <!--<h:form id="themeForm" prependId="false">
            <h:panelGrid columns="2" styleClass="themeRoller" columnClasses="themeText,themeSelect">
                <h:outputText value="Theme"/>
                <p:selectOneMenu id="themeSelectMenu" value="#{userSettings.currentTheme}" var="theme" effect="drop"
                                 onchange="$('#themeForm').submit()">
                    <f:converter converterId="org.primefaces.extensions.showcase.converter.ThemeConverter"/>
                    <f:selectItems var="t"
                                   value="#{userSettings.availableThemes}"
                                   itemLabel="#{t.name}"
                                   itemValue="#{t}"/>
                    <p:column>
                        <p:graphicImage value="#{theme.image}" rendered="${not empty theme.image}"/>
                    </p:column>
                    <p:column>
                        #{theme.name}
                    </p:column>
                </p:selectOneMenu>
            </h:panelGrid>
        </h:form>-->
        <ui:insert name="dialogs"/>
        <ui:insert name="resources-app"/>
    </h:body>
</f:view>
</html>
